@charset "utf-8";
/* CSS Document */

.user-info-horizontal a{ padding:1rem 1rem 2.4rem 3.6rem;}

/******首页的订单统计******/
.member-order{ width:100%; margin-top:1.2rem;}
/*------主体------*/
.member-order-summary{ width: auto; overflow: hidden; margin: .3rem;}

.member-order-summary .order-summary-title{ width:100%; overflow:hidden; padding:.5rem;}
.member-order-summary .order-summary-title span{ font-size:.65rem; color:#333; display:block; font-weight:bold; float:left;}
.member-order-summary .order-summary-title a{ font-size:.52rem; color:#333; overflow:hidden; display:block; position:relative; float:right;}
.member-order-summary .order-summary-title a:after{ width:.25rem; height:.6rem; content:''; background:url(../images/arrow.png) no-repeat 0 0; background-size:.25rem auto; display:block; position:absolute; right:0; top:.15rem;}

/*------列表------*/
.member-order-summary .order-summary-list{ width: 100%; background: #fff; border-radius: .3rem; overflow: hidden; position: relative; padding-top:.3rem;}
.member-order-summary .order-summary-list ul{ width:100%; table-layout:fixed; display:table;}
.member-order-summary .order-summary-list li{ display:table-cell; position:relative;}

.member-order-summary .order-summary-list li a{ width:100%; text-align:center; overflow:hidden; display:block; position:relative; padding:0rem 0 .52rem 0;}

.member-order-summary .order-summary-list li h3{ font-size:.64rem; color:#111;}
.member-order-summary .order-summary-list li i{ width:1.6rem; height:1.6rem; background-position: center; background-size: 1.2rem auto; background-repeat: no-repeat; display: block; margin: 0 auto;}
.member-order-summary .order-summary-list li p{ font-size: .48rem; color: #555;}

.member-order-summary .order-summary-list .order-icon-1{ background-image:url(../images/user/user_icon_1.png)}
.member-order-summary .order-summary-list .order-icon-2{ background-image:url(../images/user/user_icon_2.png)}
.member-order-summary .order-summary-list .order-icon-3{ background-image:url(../images/user/user_icon_3.png);}
.member-order-summary .order-summary-list .order-icon-4{ background-image:url(../images/user/user_icon_4.png);}
.member-order-summary .order-summary-list .order-icon-5{ background-image:url(../images/user/user_icon_5.png);}

/*------提醒------*/
.member-order-summary .order-summary-list .order-remind{ width:.7rem; height:.7rem; line-height: .7rem; font-size: .4rem; text-align: center; color: #ea333f; border-radius:50%; border:#ea333f .05rem solid; background:#fff; display:block; position:absolute; right:.5rem; top:.15rem;}


/******首页的主菜单******/
/*------菜单列表------*/
.user-menu{ width: 100%; background: #fff; border-radius: .3rem; overflow: hidden; position: relative; padding-top:.3rem;}
.user-menu li{ width:25%; overflow: hidden; float: left;}


/*------菜单列表------*/

.user-menu li a{ width: 100%; display: block; padding: 0rem .3rem .4rem .3rem;}
.user-menu li i{ width: 1.6rem; height: 1.6rem; background-position: center; background-repeat: no-repeat; background-size: 1.5rem auto; display: block; margin: 0 auto;}
.user-menu li span{ width: 100%; height: 1rem; line-height: 1rem; font-size: .48rem; color: #333; text-align: center; display: block; margin-top: .1rem;}

/*------菜单图标------*/
.user-menu .user-menu-1 i{ background-image:url(../images/user/user_icon_6.png)}
.user-menu .user-menu-2 i{ background-image:url(../images/user/user_icon_7.png);}
.user-menu .user-menu-3 i{ background-image:url(../images/user/user_icon_8.png); }
.user-menu .user-menu-4 i{ background-image:url(../images/user/user_icon_9.png);}
.user-menu .user-menu-5 i{ background-image:url(../images/user/user_icon_9.png);}
.user-menu .user-menu-6 i{ background-image:url(../images/user/user_icon_10.png);}
.user-menu .user-menu-7 i{ background-image:url(../images/user/user_icon_11.png);}
.user-menu .user-menu-8 i{ background-image:url(../images/user/user_icon_12.png);}
.user-menu .user-menu-9 i{ background-image: url(../images/user/user_icon_13.png);}
.user-menu .user-menu-10 i{ background-image: url(../images/home/main_icon_13.png);}


/*------账户余额------*/
.user-wallet{ width:auto; background: #fff; border-radius: .24rem; box-shadow: 0 .2rem .6rem rgba(185,196,213,.4); overflow: hidden; padding: .35rem 0; position: absolute; left: .46rem; right: .46rem; top:5rem;}
.user-wallet a{ width: 100%; overflow: hidden; display: block;}

.user-wallet ul{ width: 100%; table-layout: fixed; display: table;}
.user-wallet li{ text-align: center; overflow: hidden; display: table-cell; position: relative; padding: .25rem 0;}
.user-wallet li:after{ width: .04rem; height: .8rem; content: ''; background: #eee; position: absolute; right: 0; top: 1rem;}
.user-wallet li:last-child:after{ background: none;}

.user-wallet li a{ display: block;}
.user-wallet li h3{ font-size: .76rem; color: #111;}
.user-wallet li span{ font-size: .52rem; color: #999;}


/******评价******/
/*------评价产品------*/
.comment{ width:100%; min-height:3rem; border-bottom:#e4e4e4 1px solid; background:#fff; overflow:hidden; padding:.7rem .5rem; position:relative;}
.comment img{ width:3rem; border-radius:.2rem; float:left;}

/*------评价内容------*/
.comment .comment-content{ width:10.3rem; float:left; margin-left:.7rem;}
.comment .comment-content p{ font-size:.56rem; color:#555; margin-top:.5rem;}
.comment .comment-content p.reply{ font-size:.5rem; color:#ffba00; margin-top:.3rem;}

.comment .comment-content p.comment-level{ width:100%; overflow:hidden; margin-top:.1rem;}
.comment .comment-content p.comment-level i{ width:.56rem; height:.56rem; background-image:url(../images/comment_star.png); background-repeat:no-repeat; background-position:left bottom; background-size:.56rem auto; display:block; float:left; margin-right:.1rem;}
.comment .comment-content p.comment-level i.active{ background-position:left top;}

/*------评价里的图片------*/
.comment .comment-pic{ width:100%; overflow:hidden; padding:.2rem 0;}
.comment .comment-pic li{ width:2.4rem; height:2.4rem; border-radius:.2rem; overflow:hidden; float:left; padding:.1rem;}
.comment .comment-pic img{ width:100%;}


/******写评价******/
/*------评价产品------*/
.comment-item{ width:100%; min-height:3.5rem; background:#fff; overflow:hidden; padding:.7rem .5rem .7rem 3.5rem; position:relative;}
.comment-item img{ width:2.5rem; height:2.5rem; position:absolute; left:.5rem; top:.5rem;}
.comment-item h3{ height:1.6rem; line-height:.8rem; font-size:.56rem; font-weight:normal; color:#333; -webkit-line-clamp:2; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical;}
.comment-item p{ font-size: .5rem; color: #aaa; margin-top: .3rem;}

/*------打分------*/
.comment-rating{ width:100%; background:#fff; overflow:hidden; padding:.3rem 0 0 0;}
.comment-rating i{ width:.8rem; height:.8rem; background-image:url(../images/comment_star.png); background-repeat:no-repeat; background-position:left bottom; background-size:.8rem auto; display:block; float:left; margin-right:.2rem;}
.comment-rating i.active{ background-position:left top;}

/*------写原因------*/
.add-reason{ width:100%; background:#fff; overflow:hidden; padding:.3rem 0 0 0;}

.add-reason-text{ width:100%; overflow:hidden; padding:.3rem;}
.add-reason-text textarea{ width:100%; height:3.4rem; font-size:.56rem; color:#555; border:none; background:none; padding:.3rem;}

